<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="./css/index.css" />
</head>

<body>
    <h1>HTML &lt;li&gt; 标签</h1>

    <h2>定义与用法</h2>

    <h3>参考链接</h3>
    <p><a target="_blank" href="https://www.w3school.com.cn/tags/tag_li.asp">HTML &lt;li&gt; 标签</a></p>

    <h3>摘抄</h3>
    <p>&lt;li&gt; 标签定义列表项目。</p>
    <p>&lt;li&gt; 标签可用在有序列表 (&lt;ol&gt;) 和无序列表 (&lt;ul&gt;) 中。</p>

    <h3>示例</h3>
    <h4>无序列表展示效果</h4>

    <ul>
        <li>咖啡</li>
        <li>茶</li>
        <li>牛奶</li>
    </ul>


    <h4>具体代码</h4>
    <pre>
&lt;ul&gt;
    &lt;li&gt;咖啡&lt;/li&gt;
    &lt;li&gt;茶&lt;/li&gt;
    &lt;li&gt;牛奶&lt;/li&gt;
&lt;/ul&gt;
    </pre>


    <h4>有序列表展示效果</h4>
    <ol>
        <li>咖啡</li>
        <li>茶</li>
        <li>牛奶</li>
    </ol>
    <h4>具体代码</h4>
    <pre>
&lt;ol&gt;
    &lt;li&gt;咖啡&lt;/li&gt;
    &lt;li&gt;茶&lt;/li&gt;
    &lt;li&gt;牛奶&lt;/li&gt;
&lt;/ol&gt;
    </pre>


</body>

</html>